<template>
	<el-container>
		<!-- 顶部导航菜单 -->
		<ves-navbar></ves-navbar>
		<div class="main" ref="main">
			<!-- 面包屑导航 -->
			<ves-breadcrumb></ves-breadcrumb>
			<!-- Tab路由标签页 -->
			<ves-tagsview></ves-tagsview>
			<!-- 缓存不活动的组件实例 -->
			<keep-alive>
				<router-view v-if="$route.meta.keepAlive" :key="$route.fullPath" />
			</keep-alive>
			<!-- 不缓存组件 -->
			<router-view v-if="!$route.meta.keepAlive" :key="$route.fullPath" />
		</div>
		<!-- 悬浮菜单 -->
		<ves-hovermenu></ves-hovermenu>
	</el-container>
</template>

<script>
	import Navbar from './Navbar.vue'
	import Breadcrumb from './Breadcrumb.vue'
	import TagsView from './TagsView.vue'
	import HoverMenu from './HoverMenu.vue'
	export default {
		name: 'Container',
		components: {
			'ves-navbar': Navbar,
			'ves-breadcrumb': Breadcrumb,
			'ves-tagsview': TagsView,
			'ves-hovermenu': HoverMenu
		}
	}
</script>

<style>
	@import url("../assets/style/container.css");
</style>